<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed a YouTube video on a Lessons Page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed a YouTube video on a Lessons Page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_6617AD50-9D61-4C5D-BC45-71CB7B7B56F8" class="text-block-content">
    <p>A special feature of the Lessons tool allows Instructors to embed a YouTube video on a Lessons page without the need to copy the source code.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="first-locate-and-copy-the-youtube-video-url-not-source-code">
    <h2 class="step-title screensteps-heading">First, locate and copy the YouTube video URL (not source code).</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/002/567/891/original/4c59c9e2-20da-4201-831e-40df5399d9d4.png" alt="" height="613" width="800">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_58312258-19D8-4F9E-8481-BBB2BFF33645" class="text-block-content">
    <ol>
<li>Click on the Share button under the clip.</li>
<li>Copy the YouTube URL into the clipboard by clicking Copy to the right of the link (or by using CTRL+C for PC or CMD+C for Mac).</li>
</ol>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/007/053/809/original/5328141e-67cc-4d11-87eb-c5cb212b253f.png" alt="" height="110" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_51533D7F-56B2-44B9-9481-0C5CEBC23192" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-on-add-content-then-embed-content-on-page">
    <h2 class="step-title screensteps-heading">Click on Add Content, then Embed Content on the Page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/569/original/4913d606-18d4-409d-8b4d-90baf8902c0e.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/569/medium/4913d606-18d4-409d-8b4d-90baf8902c0e.png" alt="" height="556" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_2FB94B8F-664A-4968-85F7-F92736E3704A" class="text-block-content">
    <p>From the <strong>Add Content</strong> drop-down menu, select <strong>Embed Content on the Page</strong>. This displays the Embed Content dialog box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="past-the-url">
    <h2 class="step-title screensteps-heading">Click on the Add new URL (web link) section and then paste the URL into the field provided.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/571/original/a0a7fe55-45b9-4845-b9fe-3dd38c03d797.png" alt="" height="475" width="809">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_E7ED3CC4-11A6-485B-A8FD-A47A1BF79855" class="text-block-content">
    <p>Paste the YouTube URL into the box marked <strong>Or add a URL or "embed code."</strong></p>
<p><em>Note: You may add a custom display name for the URL if desired.</em></p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="change-http-to-https-optional">
    <h3 class="step-title screensteps-heading">Change "http" to "https". (Optional)</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/567/original/bbd88158-0c96-4b9a-abdd-5d23e5ae9de7.png" alt="" height="475" width="809">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_986EE732-DE47-4E39-A882-28C78CEB0CB9" class="text-block-content">
    <p><em>Tip: Before clicking Save, you might need to change "http" to "https" as some browsers (Firefox) do not display "http" links.</em></p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Save.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/573/original/827f40c2-356e-4179-b78f-5e908f8971d6.png" alt="" height="475" width="809">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-embedded-video-on-page">
    <h3 class="step-title screensteps-heading">View embedded video on page.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/565/original/8aae8dba-43bb-4c58-bf33-694eb166c648.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/565/medium/8aae8dba-43bb-4c58-bf33-694eb166c648.png" alt="" height="445" width="855">
      </a>
  </div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click on Edit. (Optional)</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/579/original/2693ba34-6784-4fb5-87ec-217748d3e6f3.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/579/medium/2693ba34-6784-4fb5-87ec-217748d3e6f3.png" alt="" height="370" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_D14B8EA4-A1DC-474B-8AE1-5BBB40D5DD31" class="text-block-content">
    <p>This displays the <strong>Edit YouTube Link </strong>dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Add a description and/or adjust the video pixel size.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/058/541/original/0a01bbc1-cb08-42d4-b9e2-fdc8109e8383.png" alt="" height="333" width="815">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_4ACB8539-2A2F-4992-94F0-B2990E5A8106" class="text-block-content">
    <p>Enter the desired <strong>Width</strong> and <strong>Height</strong> for your video in number of pixels or percent of screen, and/or enter a description in the <strong>Item Description</strong> text box. Then click <strong>Update item</strong> to save your changes and return the display to the Lessons page with the embedded video and description.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-updated-video-on-page">
    <h3 class="step-title screensteps-heading">View updated video on page.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/577/original/09b8bdc2-28d2-496f-8e0a-822ca8e92c62.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/577/medium/09b8bdc2-28d2-496f-8e0a-822ca8e92c62.png" alt="" height="375" width="855">
      </a>
  </div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
